$(function() {
    var form = layui.form;
    form.render("select");
    var laypage = layui.laypage;

    let data = {
        pagenum: 1, // 页码值，默认肯定获取第1页的数据
        pagesize: 8, // 每页显示多少条数据
        // cate_id:
        // state:
    };
    renderArticle();

    function renderArticle() {
        $.ajax({
            url: "/my/article/list",
            data: data,
            success: function(res) {
                if (res.status === 0) {
                    $("tbody").html(template("tpl-article", res));
                }
                // res.total;
                // 调用显示分页的函数，并传递总记录数
                mypage(res.total);
            },
        });
    }

    // -------------- 实现分页 --------------------------------
    function mypage(t) {
        laypage.render({
            elem: "page", //注意，这里的 page 是 ID，不用加 # 号
            count: t, //数据总数，从服务端得到
            limit: data.pagesize, // 每页显示多少条
            limits: [5, 8, 10, 15], // 下拉框，可以自己选择每页显示多少条
            curr: data.pagenum, // 页码，默认是1
            layout: ["limit", "prev", "page", "next", "skip", "count"], // 自定义排版
            jump: function(obj, first) {
                // 页面刷新的时候first==true；后续切换页码的时候，first==undefined
                // console.log(first);
                // obj是当前分页配置对象
                // console.log(obj);
                if (first === undefined) {
                    data.pagenum = obj.curr;
                    data.pagesize = obj.limit;
                    renderArticle();
                }
            },
        });
    }
});